<div class="home">
  <wy-carousel #wyCarousel [activeIndex]="carouselActiveIndex" (changeSlide)="changeSlide($event)">
    <nz-carousel
      nzAutoPlay
      nzEffect="fade"
      [nzDotRender]="wyCarousel.dotRef"
      (nzBeforeChange)="onBeforeChange($event)"
    >
      <div
        class="carousel-item"
        nz-carousel-content
        *ngFor="let item of banners; trackBy: trackFn"
      >
        <a [href]="item.url">
          <img [src]="item.imageUrl" alt="找不到图片" />
        </a>
      </div>
    </nz-carousel>
  </wy-carousel>

  <div class="main">
    <div class="wrap">
      <div class="left">
        <div class="sec">
          <div class="up">
            <div class="navs">
              <h2>
                <i></i>
                <a href="">热门</a>
              </h2>
              <nav>
                <a *ngFor="let tag of tags; trackBy: trackFn">{{ tag.name}}</a>
              </nav>
            </div>
            <a href="">
              更多
              <i nz-icon type="arrow-right" theme="outline"></i>
            </a>
          </div>

          <div class="down">
            <div class="down-wrap">
              
            </div>
          </div>
        </div>
      </div>
    </div>  
  </div>
</div>
